<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 23649
  Date: 2021/5/11
  Time: 14:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%
        String paths = request.getContextPath();
        String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + paths + "/";
    %>
    <title>Title</title>
    <style type="text/css">
        #head {
            width: 1100px;
            height: 350px;
            margin: auto;
            font-family: "方正大黑简体";
            color: #FFFFFF;
        }

        #tit > h3 {
            text-align: center;
        }

        #head span {
            margin-top: 50px;
            margin-left: 380px;
        }

        .doctorInfo {
            background: #35a3aa;
            color: white;
            width: 169.6px;
            height: 83px;
        }

        .doctorInfo span:last-child {
            color: red;
            font-size: 5px;
        }

        .week {
            display: inline-block;
            background: white;
            color: black;
            font-family: "方正大黑简体";
            width: 169.6px;
            height: 83px;
        }

        .week span {
            margin-left: 60PX;
            line-height: 80PX;
        }

        .doctorInfo {
            display: inline-block;
            margin-left: 4px;
        }

        .erroroinfo {
            background: grey;
        }

        #body {
            margin-left: 125px;
        }
    </style>
</head>
<body>

<div id="head" style="background-image: url('<%=basePath%>static/img/guahao.png')">
    <div id="tit">
        <h3>患者服务</h3>
    </div>
    <div><span>用最真诚的服务态度，专业的药疗技术，为您服务</span>
        <br>
        锦江春色来天地，玉垒浮云变古今。

        在中国历史文化名城成都市锦江万里桥头的华子坝，有一座闻名遐迩的医学城，她就是四川大学华子临床医学院/华子医院。

        追溯历史，华子医院起源于美国、加拿大、英国等国基督教会1892年在成都创建的仁济、存仁医院；华子临床医学院起源于1914年的华子协合大学医科，是由美、加、英等国教会按西方医学教育模式建立的医学院。1937年抗日战争全面爆发，中央大学、燕京大学、齐鲁大学、金陵大学、金陵女子文理学院内迁成都，与华子协合大学联合办学办医，是时，华子坝大师云集、名家汇萃、盛况空前。1938年，有医学院的华大、中大、齐大组建联合医院；1946年，华子协合大学医院在现址全部建成，简称华子医院。

    </div>
</div>
<div id="body">
    <table>
        <tr>
            <td>
                <div class="week"><span>星期一</span></div>
            </td>
            <td>
                <div class="week"><span>星期二</span></div>
            </td>
            <td>
                <div class="week"><span>星期三</span></div>
            </td>
            <td>
                <div class="week"><span>星期四</span></div>
            </td>
            <td>
                <div class="week"><span>星期五</span></div>
            </td>
            <td>
                <div class="week"><span>星期六</span></div>
            </td>
            <td>
                <div class="week"><span>星期七</span></div>
            </td>
        </tr>
        <tr>
            <c:forEach items="${list}" var="lists">
                <td>
                    <div class="doctorInfo">

                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.doctorname}</span>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.position}</span>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>
                    </div>
                </td>
                <td>
                    <div class="doctorInfo">

                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.doctorname}</span>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.position}</span>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>
                    </div>
                </td>
                <td>
                    <div class="erroroinfo">

                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.doctorname}</span>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.position}</span>
                        <br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>不可预约</span>
                    </div>
                </td>
                <%--                        <td>--%>
                <%--                        <div class="doctorInfo">--%>
                <%--                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.type}</span>--%>
                <%--                            <br>--%>
                <%--                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.doctorname}</span>--%>
                <%--                            <br>--%>
                <%--                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.position}</span>--%>
                <%--                            <br>--%>
                <%--                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>--%>
                <%--                        </div>--%>
                <%--                        </td>--%>
                <%--                        <td>--%>
                <%--                        <div class="doctorInfo">--%>
                <%--                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.type}</span>--%>
                <%--                            <br>--%>
                <%--                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.doctorname}</span>--%>
                <%--                            <br>--%>
                <%--                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.position}</span>--%>
                <%--                            <br>--%>
                <%--                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>--%>
                <%--                        </div>--%>
                <%--                        </td>--%>


            </c:forEach>
            <td>
                <div class="erroroinfo">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>暂未安排</span>
                </div>
            </td>
        </tr>
    </table>
    <%--    <table></table>--%>
    <%--    <div class="week"><span>星期一</span></div>--%>
    <%--    <div class="week"><span>星期二</span></div>--%>
    <%--    <div class="week"><span>星期三</span></div>--%>
    <%--    <div class="week"><span>星期四</span></div>--%>
    <%--    <div class="week"><span>星期五</span></div>--%>
    <%--    <div class="week"><span>星期六</span></div>--%>
    <%--    <div class="week"><span>星期天</span></div>--%>
    <%--    <table>--%>
    <%--        <c:forEach items="${list}" var="lists">--%>
    <%--            <div></div>--%>
    <%--            <div class="doctorInfo">--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>${lists.type}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.doctorname}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.position}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>--%>
    <%--            </div>--%>
    <%--            <div class="doctorInfo">--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.type}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.doctorname}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.position}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>--%>
    <%--            </div>--%>
    <%--            <div class="doctorInfo">--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.type}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.doctorname}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.position}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>--%>
    <%--            </div>--%>
    <%--            <div class="doctorInfo">--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.type}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.doctorname}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.position}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>--%>
    <%--            </div>--%>
    <%--            <div class="doctorInfo">--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.type}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.doctorname}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.position}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>--%>
    <%--            </div>--%>
    <%--            <div class="doctorInfo">--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.type}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.doctorname}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.position}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>--%>
    <%--            </div>--%>
    <%--            <div class="doctorInfo">--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${lists.type}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.doctorname}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${lists.position}</span>--%>
    <%--                <br>--%>
    <%--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>--%>
    <%--            </div>--%>
    <%--        </c:forEach>--%>
    </table>
</div>
<img src="<%=basePath%>static/img/dibu.jpg" style="width: 1425px; ">
<script src="<%=basePath%>static/jquery/jquery-1.12.4.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".doctorInfo").click(function () {
            let name = $(this).children("span:eq(0)").text()
            window.location.href = "<%=basePath%>userName?name=" + name;
        })
    })
</script>
</body>
</html>
